<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo ddsmoothmenu</title>
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu-v.css"/>
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
<script type="text/javascript">
ddsmoothmenu.init({
	mainmenuid: "smoothmenu1", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

ddsmoothmenu.init({
	mainmenuid: "smoothmenu2", //Menu DIV id
	orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
	//customtheme: ["#804000", "#482400"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
</head>

<body>
<h2>Example 1</h2>
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="#">Trang chủ</a></li>
<li><a href="?cc=movie&search2=Tất+cả" onclick="javascript:showsubmenu(2)">Phim mới</a></li>
<li><a href="?cc=movie&search3=Tất+cả">Phim 3D</a></li>
<li><a href="?cc=movie&search4=Tất+cả">Phim lẻ</a>
  <ul>
  <li><a href="?cc=movie&search41=Phiêu+lưu">Phiêu lưu</a></li>
  <li><a href="?cc=movie&search42=Hành+động">Hành động</a></li>
  <li><a href="?cc=movie&search44=Kinh+dị">Kinh dị</a></li>
  <li><a href="?cc=movie&search45=Hài">Hài</a></li>
  <li><a href="?cc=movie&search46=Tình+cảm">Tình cảm</a></li>
  <li><a href="?cc=movie&search47=Châu+Á">Châu Á</a></li>
  <li><a href="?cc=movie&search48=Chiến+tranh">Chiến tranh</a></li>
  <li><a href="?cc=movie&search49=Hoạt+hình">Hoạt hình</a></li>
  <li><a href="?cc=movie&search410=Việt+nam">Việt Nam</a></li>
  <li><a href="?cc=movie&search411=Cải+lương">Cải lương</a></li>
  <li><a href="?cc=movie&search412=Bluray">Bluray</a></li>    
  </ul>
</li>
<li><a  href="?cc=movie&search5=Tất+cả">Phim bộ</a>
  <ul>
	<li><a href="?cc=movie&search5=Bluray">Bluray</a></li>
	<li><a href="?cc=movie&search51=Hồng+Kông">Hồng Kông</a></li>
	<li><a href="?cc=movie&search52=Hàn+Quốc">Hàn Quốc</a></li>
	<li><a href="?cc=movie&search53=Mỹ">Mỹ</a></li>
	<li><a href="?cc=movie&search54=Việt+Nam">Việt Nam</a></li>
  </ul>
</li>
<li><a href="#">Khác</a>
	<ul>
        <li><a href="#">Ca nhạc</a>
            <ul>
                <li><a href="#">Thúy Nga</a></li>
                 <li><a href="#">Lossless</a></li>
            </ul>
        </li>
        <li><a href="#">Tài liệu</a>
            <ul>
                <li><a href="#">Học tập</a></li>
                 <li><a href="#">Discovery</a></li>
            </ul>
        </li> 
        <li><a href="#">Tuyển tập</a>
            <ul>
                <li><a href="#">007</a></li>
                <li><a href="#">Châu Tinh Trì</a></li>
                <li><a href="#">...</a></li>
            </ul>
        </li>  	
        </li>
 	</ul>
</li>
<li><a href="#">Phim hay</a>
	<ul>
    	<li><a href="#">Tháng 5</a></li>
        <li><a href="#">Tháng 4</a></li>
    </ul>
</li>
</ul>
<br style="clear: left" />
</div>
</body>
</html>
